{layout name="layout" /}

<link rel="stylesheet" type="text/css" href="/static/index/css/detail.css" />

<style>
    table {
        border-collapse: collapse;
        empty-cells: show;
        border-spacing: 0;
        border: 1px solid #ccc;
    }

    th,
    td {
        padding: 4px 15px;
        margin: 0;
        vertical-align: top;
        border: 1px solid #ccc;
        max-width: 340px;
        word-break: break-word;
    }

    th {
        font-weight: bold;
        background-color: #eee;
        text-align: left;
    }
</style>

<div class="main_m fl">
	<!-- 面包屑 -->
	<div class="main_m_h"><a href="/index.html">首页</a>&nbsp;&gt;&nbsp;
		{notempty name="data_category.grandparent"}<a href="{:url('data_content/edataclass', 'cid='.$data_category.grandparent.id)}">{$data_category.grandparent.name}</a>&nbsp;&gt;&nbsp;{/notempty}
		<a href="{:url('data_content/edataclass', 'cid='.$data_category.parent.id)}">{$data_category.parent.name}</a>&nbsp;&gt;&nbsp;
        <a href="{:url('data_content/dataList', ['cid'=>$data_category.id, 'tablename'=>$tablename])}">{$data_category.name}</a>
    </div>
    {notempty name="data"}
    <h2>{$data.title}</h2>
    <p><span>发布日期：{$data.create_time|date="Y-m-d  H:i:s", ###}</span><span>浏览次数:{$data.clicks}</span></p>
    <div class="biaoge">
        <table class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th style="min-width: 120px;">项目</th>
                    <th style="min-width: 160px;">数据</th>
                </tr>
            </thead>
            <tbody>
                {foreach $table_extra_columns as $value}
                <tr>
                    <td>
                        <div style="text-align: left;">{$value.column_name_cn}</div>
                    </td>
                    <td>
                        <div class="col-md-4">{$data[$value.column_name_en]}</div>
                    </td>
                </tr>
                {/foreach}
            </tbody>
        </table>

    </div>
    {/notempty}
</div>

<!-- <div class="main_r fl">
    <div class="hot">相关热搜词</div>
    <ul class="lb1">
    </ul>
    <div class="hot">相关文章</div>
    <ul class="lb2">
    </ul>
</div> -->